import React, { memo } from 'react'
import { DiscoverWrapper, TopMenu } from './style'
import { discoverMenu } from '../../common/local-data'
import { NavLink, Outlet } from 'react-router-dom'
// import request from '../../services/request'


export default memo(function ASDiscover() {
  // useEffect(() => {
  //   request({
  //     url: "/banner"
  //   }).then(res => {
  //     console.log(res)
  //   })
  // }, [])
  return (
    <DiscoverWrapper>
      <div className='top'>
        <TopMenu className='wrap-v1'>
          {
            discoverMenu.map((item, index) => {
              return (
                <div className='item' key={item.title}>
                  <NavLink to={item.link}>{item.title}</NavLink>
                </div>
              )
            })
          }
        </TopMenu>
      </div>
      <Outlet/>
    </DiscoverWrapper>
  )
})

